@charset "utf-8";
/* CSS Document */
.top_search_box{ width: 100%; top: 90px; background: #f5f5f5; left: 0; padding:40px 0; display:none;}
.top_search_box input.fl{ width: 70%;line-height: 60px; background: #fff; padding: 0 20px;}
.top_search_box input.sub{ cursor: pointer; font-size: 18px; text-align: center; background: #0e4bcc; color:#fff; width:25%; line-height:60px;} 
.top_search_box input.sub:hover{ background:#0775ce;}
.pro_second{ display: none; position:fixed; top:90px; width:100%; left:0; background:rgba(255,255,255,.95); padding-top:20px; padding-bottom:40px;}
.index_head .nav li:nth-child(2):hover .pro_second{ display:block;}
.pro_second .nav_center{ width: 800px; margin: 0 auto;}
.pro_second .nav_center ul li{ width: 25%; position: relative; margin-right:0; padding:0 35px; height:auto;}
.index_head .nav .nav_center ul li a{ line-height: 30px; font-size:14px;}
.pro_second .nav_center ul li:after{ position:absolute; height: 30px; width: 1px; top: 120px; right:0; content:''; background:#99b2e6;}
.index_head .nav .nav_center ul li .imgfd{ margin-bottom: 5px;}
.nav_center ul li a:hover{ color:#0775ce;}

.sy-ban{ width: 100%;position: relative; overflow: hidden;}
.sy-ban img{ width: 100%;}
.sy-ban .svg-swiper-pagination{position: absolute;z-index: 1;flex-wrap: wrap; text-align: left; left: 4%; bottom: 80px;}
.svg-swiper-pagination .swiper-pagination-bullet{background: transparent;opacity: 1;position: relative;width: 38px;height: 38px;outline: none;}
.svg-swiper-pagination .swiper-pagination-bullet:after{content: "";position: absolute;left: 0;top: 0;z-index: 0;width: 38px;height: 38px;border-radius: 50%;transition: opacity .3s;background: url(../images/ic12.png) no-repeat center;}
.svg-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after{background: url(../images/ic13.png) no-repeat center;background-size: cover;width: 38px;height: 38px;}
.svg-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .circle2{-webkit-animation: svgCircleAnmi 6s linear forwards;animation: svgCircleAnmi 6s linear forwards}
.svg-swiper-pagination .svg{width: 38px;height: 38px;transform: rotate(-90deg);opacity: 0;transition: opacity .3s;display: block;}
.svg-swiper-pagination .swiper-pagination-bullet .svg{opacity: 1;}
.svg-swiper-pagination .circle1{/*stroke: #999;*/}
.svg-swiper-pagination .circle2{stroke: #fff;stroke-dasharray: 0 339;}
@-webkit-keyframes svgCircleAnmi{0%{stroke-dasharray: 0 339}
to{stroke-dasharray: 339 339}}
@keyframes svgCircleAnmi{0%{stroke-dasharray: 0 339}
to{stroke-dasharray: 339 339}}
@-webkit-keyframes amap-icon-anim{0%{opacity: 0;transform: scale(.1)}
5%{opacity: 1}
to{opacity: 0;transform: scale(1)}}
@keyframes amap-icon-anim{0%{opacity: 0;transform: scale(.1)}
	5%{opacity: 1}}
.bannerswiper span.iconfont{font-size: 14px;color: #fff;}
.bannerswiper .page .swiper-num{position: absolute;z-index: 2;bottom: 74px;right: 4%;color: #fff; font-size: 20px;}
.bannerswiper .page .prne{width: 40px;position: absolute;bottom: 70px;right: 9%;}

.bannerswiper .page .swiper-pagination{position: absolute;bottom: 64px;left: 8%;z-index: 3;}
.bannerswiper .page .active{ font-size: 40px; font-weight: bold;}
.bannerswiper .banner-towrap{position: absolute;bottom: 42px; left: 50%; z-index: 2;margin-left: -24px;}
.bannerswiper .banner-towrap p{font-size: 12px;color: #FFFFFF;text-align: center;margin-top: 10px;}
.bannerswiper .banner-to{transition: all 0.2s linear 0s;-webkit-transition: all 0.2s linear 0s;display: block;border: 1px solid #FFFFFF; background-color: transparent;z-index: 9;margin: auto; color: #fff; position: relative; height: 30px; width: 20px; text-align: center; border-radius: 10px;}
.bannerswiper .banner-to i{ animation: downico 1.5s ease-out infinite;position: absolute; width: 3px; height: 3px; background: #fff; margin-left: -1px;}
@keyframes downico{
	0%{top: 10%;}
	35%{top: 40%;}
	65%{top: 50%;}
	100%{top: 10%;}
}
@-webkit-keyframes downico{
	0%{top: 10%;}
	35%{top: 40%;}
	65%{top: 50%;}
	100%{top: 10%;}
}
.sy_pro_col{ padding-top: 20px;}
.sy_pro_col ul li{ position: relative; margin: 0 auto; width: 24%;}
.sy_pro_col ul li .imgfd{ padding-top: 156%;}
.sy_pro_col ul li .procol_txt{ position: absolute; width: 100%; height: 100%; text-align: center; color: #fff; left: 0; top: 0; background: rgba(77,77,77,.3); padding-top: 160px;}
.procol_txt h2{color: #fff; font-size: 40px; font-weight: normal; margin-bottom: 35px;}
.procol_txt a.link{ display: block; padding-top: 40px; color: #fff;}
.procol_txt .sec_col a{ font-size: 17px; color: #fff; line-height: 35px; display: block;}
.procol_txt .sec_col{ height: 0; overflow: hidden; transition:.3s ease;}
.sy_pro_col ul li:hover .procol_txt .sec_col{ height: auto;}
.sy_pro_col ul li:hover .procol_txt{ background: rgba(14,75,204,.7);}
.item_top,.sy_item_tit{ margin-bottom: 30px;}
.item_top .sy_item_tit{ margin-right: auto; margin-bottom: 0;}
.sy_item_tit h3{ font-size: 36px;}
.item_top a{ color: #0775ce; font-size: 14px;}
.sy_item_tit span{ font-weight: normal; font-size: 26px; text-transform: uppercase;}
.sy_pro_left{ width: 38%; position: relative; padding: 50px 0; background: #fff;}
.sy_pro_left .imgfd{ padding-top: 103.5%;}
.sy_pro_list{ width: 62%;}
.sy_pro_list ul li{ width: 48%; margin-left: 2%; float: left; position: relative; background: #fff; margin-bottom: 20px;}
.sy_pro_tit{ position: absolute; width: 100%; left: 0; bottom: 25px; padding: 0 30px;}
.sy_pro_tit i{ margin-left: auto; display: inline-block; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 50%; border: 1px solid #0775ce; font-size: 14px; color: #0775ce;}
.sy_pro_list ul li:hover .sy_pro_tit i,.sy_pro_left:hover .sy_pro_tit i{ background: #0775ce; color: #fff;}

.sy_ab_txt{ width: 42%; color: #fff; padding-top: 60px;}
.sy_ab_txt .sy_item_tit h3{ color: #fff;}
.sy_ab_txt h2{  font-size: 36px; margin-top: 30px; color: #fff; font-weight: normal;}
.sy_ab_txt .more_btn{ margin-top: 110px;}
.sy_number{ width: 300px; color: #fff;}
.sy_number dl dt{ padding: 40px 0; text-align: center; border-bottom: 1px solid #fff; width: 100%;}
.sy_number dl dt b{ font-size: 72px; font-family: monb; line-height: 70px; height: 70px;}
.sy_case_list{ position: relative;}
.sy_case_list ul li{ position: relative;}
.sy_case_list ul li .sy_case_txt{ position: absolute;width: 60%; padding: 20px; background: rgba(255,255,255,.95); z-index :9; right: 0; bottom: 0;}
.sy_case_txt p{ font-size: 18px; height: 60px; overflow: hidden;}
.sy_case_txt i{ height: 30px; width: 30px; text-align: center; line-height: 30px; font-size: 14px; border-radius: 50%; border: 1px solid #0775ce; color: #0775ce; }
.swiper-button-prev:after,.swiper-button-next:after{display: none;}
.swiper-button-prev,.swiper-button-next{ bottom: 45%;}
.sy_case_list .swiper-button-prev{ left: -60px; width: auto;}
.sy_case_list .swiper-button-next{ right: -60px; width: auto;}
.sy_case_list .swiper-button-prev i,.sy_case_list .swiper-button-next i{ display: inline-block; font-size: 20px; width: 46px; line-height: 46px; text-align: center; border-radius: 50%; background: #f5f5f5; color: #333;}
.sy_case_list .swiper-button-prev:hover i,.sy_case_list .swiper-button-next:hover i{ background: #0775ce; color: #fff;}
.sy_case_list ul li:hover .sy_case_txt{ background: rgba(14,75,204,.95); color: #fff;}
.sy_case_list ul li:hover .sy_case_txt i{ color: #fff; border-color: #fff;}
.sy_coop{margin-top: 30px;}
.sy_coop ul li{ width: 12%; margin-right: auto;}
.sy_coop ul li:last-child{ margin-right: 0;}
.sy_coop ul li .imgfd{ padding-top: 61%;}

.first_news{ width: 40%; background: #fff;}
.first_news .imgfd{ padding-top: 63%;}
.sy_news_list{ width: 58%;}
.first_txt{ padding: 30px 40px 50px; border-bottom: 3px solid #0e4bcc;}
.first_txt h2{ font-size: 18px; margin-bottom: 15px; height: 26px; overflow: hidden;}
.first_news:hover h2{ color:#0e4bcc;}
.first_txt p{ font-size: 14px; height: 60px; overflow: hidden;}
.first_txt .more_btn{ min-width: 130px; margin-top: 30px}
.first_txt .more_btn span{ line-height: 38px;}
.sy_news_list ul li{ background: #fff; margin-bottom: 25px;}
.sy_news_list ul li:hover .txt p{ color:#0e4bcc;}
.sy_news_list ul li:hover .txt i{ background:#0e4bcc; color: #fff;}
.sy_news_list ul li .sy_news_img{ width: 30%; float: left;}
.sy_news_list ul li .sy_news_txt{ width: 70%; float: right;padding: 20px 20px 0; display: flex; align-items: flex-start;}
.sy_news_txt .date{ text-align: center;}
.sy_news_txt .date b{ font-size: 40px; font-family: monb; color: #333;}
.sy_news_txt .date p{ font-size: 14px;}
.sy_news_txt .txt{ width: 83%; padding-left: 20px; margin-left: auto; border-left: 1px solid #dddddd;}
.sy_news_txt .txt p{ font-size: 18px; color: #333; height: 30px; overflow: hidden;}
.sy_news_txt .txt span{ display: block; font-size: 14px; line-height: 30px; height: 60px; overflow: hidden; margin: 10px 0 20px;}
.sy_news_txt .txt i{ display: inline-block; width: 30px; line-height: 30px; border: 1px solid #1f59d3; text-align: center; color: #1f59d3; border-radius: 50%;}

.foot_nav{ width: 50%;}
.foot_nav ul { display: flex; align-items: flex-start;}
.foot_nav ul p{ margin-bottom: 10px;}
.foot_nav ul li{ margin-left: auto;}
.foot_nav ul li a{ display: block; color: #bbb; font-size: 14px; line-height: 30px;}
.qr_box{ float: left; margin-left: 30px; text-align: center;}
.qr_box img{ width: 120px;}
.foot_center{ position: relative;}

.right_list{ position: fixed; right: 10px; top: 30%; z-index:999;}
.right_list .quick_tel{ display: none;}
.right_list ul li{ margin-bottom: 3px; position:relative; }
.right_list ul li .right_box{ width: 75px; height: 75px; text-align: center; background: #fff; border-radius:3px; padding-top:10px; cursor:pointer; box-shadow:0 0 8px rgba(0,0,0,.2);}
.right_list ul li .right_box span{ display: block; font-size: 14px; color: #0775ce; margin-top: 5px;}
.right_list ul li .zb_box{ position: absolute; top: 0px; right:77px; width:0; transition:.2s ease; display:none; background:url(../images/jt_06.png) no-repeat right center; padding-right:7px; font-weight:bold;}
.right_list ul li:hover .zb_box{ width:auto; display:block;}
.right_list ul li .right_box:hover{ background:#0775ce;}
.right_list ul li .right_box:hover span{ color:#fff;}
.right_list ul li .right_box:hover img{filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%);}
.right_list ul li .zb_box .zb{ background: #0775ce; color: #fff; padding:18px; box-shadow:0 0 8px rgba(0,0,0,.2); font-size:18px;}
.right_list ul li:first-child .zb{ width:200px;}
.right_list ul li .zb_box .zb img{ width: 120px;}
.top_h{ height: 90px;}
.posi{ padding: 35px 0; font-size:14px;}
.posi i{ color: #666; font-size: 14px; margin-right: 3px;}
.pro_list_tit{ margin-bottom: 20px;}
.pro_list_tit h3{ font-size: 36px; margin-bottom:15px;}
.main_left{ width: 21%;}
.main_right{ width: 76%;}
.left_nav ul li{ background: #e5e7eb; margin-bottom: 15px;}
.left_nav ul li .firtxt{ line-height: 60px; padding: 0 18px; font-size:18px;}
.left_sec{ padding: 10px 0; display:none; border-top:1px solid #fff;}
.left_sec a{ padding: 14px 18px; display: block; font-size:15px;}
.left_sec a i{ width: 14px; width: 14px; font-size: 12px; line-height: 14px; border-radius: 3px; border: 1px solid #0e4bcc; margin-right:10px; background:#fff; color:#fff;}
.left_sec a:hover,.left_sec a.on{ color:#0775ce;}
.left_sec a:hover i,.left_sec a.on i{ color:#0775ce;}
.left_nav ul li .firtxt i{ font-size: 18px; cursor:pointer;}
.propage_top{ margin-bottom: 20px;}
.propage_top h3{ margin-right: auto; font-size:26px;}
.left_nav ul li .firtxt i.icon-xiangshang1{ display: none;}
.left_nav ul li .firtxt a{ display: inline-block; width: calc(100% - 30px);}


.ny_pro_list ul li{ width: 32%; margin-right: 2%; margin-bottom:20px; background:#fff; text-align:center; float:left;}
.ny_pro_list ul li:nth-child(3n){ margin-right:0;}
.ny_pro_txt p{ font-size: 18px; height: 30px; overflow: hidden; margin-bottom:5px; color:#333;}
.ny_pro_txt{ padding: 20px;}
.ny_pro_txt span.des{ display: block; font-size:14px; line-height:24px; height:24px; overflow:hidden; margin-bottom:15px;}
.ny_pro_txt .more_btn{min-width:100px; background:none; border:none;}
.ny_pro_txt .more_btn span{ line-height: 30px; padding:0 10px; font-size:14px; color:#0775ce;}
.ny_pro_txt .more_btn i{ margin-left: 10px; font-size:14px; color:#0775ce;}
.ny_pro_list ul li:hover .more_btn{ background:#0e4bcc;}
.ny_pro_list ul li:hover .more_btn span{ color:#fff;}
.ny_pro_list ul li:hover .more_btn i{ color:#fff;}
.mainh{ height: 60px;}
.ny_ban{ width: 100%; overflow: hidden;}
.ny_ban img{ width: 100%;}
.proshow_img{ width: 40%;}
.proshow_txt{ width: 55%;}
.smallimg{ margin-top: 10px;}
.smallimg ul li{ border: 1px solid #fff;}
.smallimg ul li.swiper-slide-thumb-active{ border: 1px solid #0775ce;}

.proshow_txt h1{ font-size: 36px; margin-bottom:40px;}
.proshow_txt .col{ padding-bottom: 20px; border-bottom: 1px solid #dddddd;}
.pro_des{ margin: 45px 0 100px;}
.proshow_txt .tel{ font-family: monb; color: #0e4bcc; font-size:40px;}
.proshow_txt .tel i{ font-size: 40px; margin-right: 5px;}
.proshow_txt .more_btn{ margin-top: 50px;}
.tab{ border-bottom: 1px solid #e8e8e8;}
.tab span{ display: inline-block; line-height: 50px; margin-right:40px; position:relative; cursor:pointer; font-size:18px; transition:.2s ease;}
.tab span:after{ position:absolute; width: 0; height: 3px; left: 0; bottom: -1px; background: #0e4bcc; content:''; transition:.2s ease;}
.tab span.on:after,.tab span:hover:after{ width:100%;}
.tab span.on,.tab span:hover{ color:#0e4bcc; font-size: 20px;}
.pro_content{ padding: 50px 0; overflow:hidden;}
.pro_content img{ max-width: 100%;}
.pro_content .pro_item{ display: none;}
.page_btn{ text-align: center;}
.page_btn .box{ display: inline-block; line-height:50px; width:116px; text-align:center; border: 1px solid #dddddd; margin:0 10px;}
.page_btn .box a{display:block; line-height:50px;}
.page_btn .box:hover a{ background:#0775ce; color: #fff;}

.rel_pro .ny_pro_list ul li{ width: 24%; margin-right: 1.33%;}
.rel_pro .ny_pro_list ul li:nth-child(3){ margin-right:1.33%;}
.rel_pro .ny_pro_list ul li:nth-child(4){ margin-right:0;}
.rel_pro .ny_pro_list ul li .imgfd{ border: 1px solid #ddd;}
.case_coop ul li .imgfd{ padding-top: 61%;}
.case_tit{ font-size: 36px; text-align: center; margin-bottom: 30px;}
.coop_list{ position: relative;}
.coop_list .swiper-button-prev{ left: -60px; width: auto; bottom:30%;}
.coop_list .swiper-button-next{ right: -60px; width: auto;bottom:30%;}
.coop_list .swiper-button-prev i,.coop_list .swiper-button-next i{ display: inline-block; font-size: 20px; width: 46px; line-height: 46px; text-align: center; border-radius: 50%; background: #fff; color: #333;}
.coop_list .swiper-button-prev:hover i,.coop_list .swiper-button-next:hover i{ background:#0775ce; color: #fff;}

.hot_news{ background: #fff; position: relative; overflow:hidden;}
.hot_img{ width: 40%;}
.hot_txt{ width:60%; padding:70px 60px 0;}
.hot_txt .date{ display: block;}
.hot_txt h2{font-size: 36px; margin:35px 0 20px;}
.hot_txt p{ font-size: 14px; line-height: 24px; height: 48px; overflow: hidden; margin-bottom: 70px;}
.hot_news .swiper-button-prev,.hot_news .swiper-button-next{ position: unset; display: inline-block; margin:0 10px;}
.hot_news .swiper-button-prev i,.hot_news .swiper-button-next i{ font-size: 16px; line-height:36px; width:36px; text-align:center; border-radius:50%; background:#ddd; display:inline-block;}
.hot_control{ position: absolute; right: 60px; bottom: 60px; z-index:8; }
.hot_news .swiper-button-prev:hover i,.hot_news .swiper-button-next:hover i{ color:#fff; background: #0e4bcc;}
.hot_news:hover h2{ color:#0775ce;}
.news_main{ padding-top: 40px; border-top:1px solid #c0c8d5;}
.ny_news_nav{ margin-bottom: 40px;}
.ny_news_nav a{ display: inline-block; line-height:45px; width:150px; text-align:center; background:#e5e7eb; margin-right:20px;}
.ny_news_nav a:hover,.ny_news_nav a.on{ background:#0e4bcc; color: #fff;}

.ny_news_list{ width: 100%;}
.ny_news_list ul li .sy_news_img{ width: 25%;}
.ny_news_list ul li .sy_news_txt{ width: 75%; padding:30px 30px 0;}
.ny_news_list ul li .date{ padding: 0 40px;}

.hot_art{ background: #e5e7eb; margin-bottom:25px;}
.hot_art .hot_tit{ font-size: 18px; line-height: 60px; padding: 0 15px; border-bottom:1px solid #fff;}
.art_ul{ padding: 15px 15px 5px;}
.art_ul li{margin-bottom: 15px;}
.art_ul li a{ display: block; padding-left: 12px; font-size: 15px; line-height: 24px; background:url(../images/dot_03.png) no-repeat left 13px;}
.art_ul li:hover a{ color:#0775ce;}
.art_tag{ padding: 15px 15px 10px;}
.art_tag li{ float: left; width: 48%; margin-right: 4%; margin-bottom:20px; text-align:center; background:#f3f4f6;}
.art_tag li:nth-child(2n){ margin-right:0;}
.art_tag li a{ display: block; line-height: 35px; text-align: center; height: 35px; overflow: hidden; font-size:14px;}
.art_tag li:hover{background:#0775ce;}
.art_tag li:hover a{ color:#fff;}
.about_nav{ margin-bottom: 40px; text-align:center;}
.about_nav a{ display: inline-block; width: 150px; text-align: center; line-height: 45px; margin: 0 15px; background:#e5e7eb;}
.about_nav a.on,.about_nav a:hover{ background:#0e4bcc; color: #fff;}
.ab_left{ width: 48%;}
.ab_right{ width: 48%;}
.ab_left h3{ font-size: 36px; margin-bottom: 25px;}
.ny_number{ margin-top: 70px;}
.ny_number dl dt{ margin-right: auto; text-align:center;}
.ny_number dl dt:last-child{ margin-right:0;}
.ny_number dl dt b{ font-size: 72px; color: #333; line-height: 70px;}
.ny_number dl dt p{ margin-top: 10px;}
.ab_honor h3{ font-size: 36px; margin-bottom: 25px;}
.ab_honor .honor_list{ padding-bottom: 30px; position: relative;}
.ab_honor .honor_list .swiper-pagination{ position: absolute; bottom: 0; top:auto;}
.honor_list ul li .imgfd{ border: 1px solid #ddd; margin-bottom:10px;}
.honor_list ul li{ text-align: center;}
.honor_list ul li p{ line-height: 24px; height: 48px; overflow: hidden;}

.ab_culture{ color: #fff; padding:70px 0 0;}
.ab_culture h3{ font-size: 36px; color: #fff; padding-bottom: 30px; border-bottom: 1px solid rgba(255,255,255,.4);}
.cult_list ul li{ float: left;width: 25%;  height:440px; border-right:1px solid rgba(255,255,255,.4); padding:85px 110px 0 70px;}
.cult_list ul li:nth-child(4){ border:none;}
.cult_list ul li h4{ font-size: 18px; margin-bottom:20px;}
.cult_list ul li p{ font-size: 14px; line-height: 24px; height: 48px; margin-bottom:40px;}
.cult_list ul li .cult_icon img{ -webkit-transition: 2s ease;-moz-transition: 2s ease;}
.cult_list ul li:hover .cult_icon img {-webkit-transform: rotatey(360deg);-moz-transform: rotatey(360deg);}
.work_list{ width: 90%; margin: 0 auto; padding: 0 10%; position: relative;}
.work_list .swiper-container{ overflow: hidden;}
.work_list ul li{ background: #fff; text-align: center; transition:.2s ease;}
.work_list ul .swiper-slide{ width: 35%;}
.work_list ul li p{ padding: 20px 0;}
.ab_work h3{ font-size: 36px; margin-bottom: 25px;}

.contact_top h3{ font-size: 36px; padding-bottom: 30px; border-bottom: 1px solid #ddd; margin-bottom: 30px;}
.ser_tel{ width: 35%; border-right: 1px solid #ddd;}
.ser_tel b{ display: block; font-size: 30px; font-family: monb;}
.ser_qq{ margin-top: 30px; align-items:flex-start;}
.ser_qq i{ display: inline-block; width: 36px; height: 36px; line-height: 36px; border-radius: 50%; text-align: center; background:#dddddd; margin-right:15px; font-size:20px;}
.qq_box span{ display: block; color:#333; margin-bottom:10px;}
.ser_box{ padding-left: 50px;}
.ser_box p{ line-height: 35px;}

.con_qr{ border: 1px solid #ddd;}
.con_qr .cqr_box{ padding: 30px; border-right: 1px solid #ddd;}
.con_qr .cqr_box img{ width: 120px;}
.con_qr span{ display: block; line-height: 18px; padding: 0 10px;}
.cont_form{ padding: 40px 80px;background:#e5e7eb;}
.form_tit{ text-align: center; margin-bottom: 30px;}
.form_tit h3{ font-size: 36px; margin-bottom: 20px;}
.cont_form .formbox.fl{ width: 48%; margin-right:4%; margin-bottom:20px;}
.cont_form .formbox input,.cont_form .formbox textarea{ line-height: 65px; background: #fff; width: 100%; padding-left: 5px; font-size:14px;}
.cont_form .formbox.fl:nth-child(2n){ margin-right:0;}
.cont_form .sub{ width: 240px; margin: 20px auto 0; color:#fff; text-align:center; font-size:18px; line-height:65px; background:#0e4bcc; display:block; cursor:pointer;} 
.cont_form .sub:hover{ text-decoration:underline;}

.map{ width: 100%; overflow: hidden;}
.newshow_tit{ margin-top: 40px;}
.newshow_tit h1{ font-size: 40px;}
.newsshow_info{ padding:30px 0; border-bottom: 1px solid #e8e8e8; font-size:14px;}
.newsshow_info .date{ margin-right: auto;}
.mainh{ height: 60px;}
.newsshow_info .col span{ color: #0e4bcc;}

@media (max-width: 1700px){
	
}


@media (max-width: 1600px){
	.sy_case_list .swiper-button-next{ right: 30px;}
	.sy_case_list .swiper-button-prev{ left: 30px;}
	.coop_list .swiper-button-next{ right: 30px;}
	.coop_list .swiper-button-prev{ left: 30px;}
	.coop_list .swiper-button-next i,.coop_list .swiper-button-prev i{ box-shadow:0 0 5px rgba(0,0,0,.15);}
}

@media (max-width: 1441px){
	.foot_contact .fcon_item b{ font-size: 26px;}
	.sy_pro_col ul li .procol_txt{ padding-top: 100px;}
	.procol_txt h2{ font-size: 34px;}
	.sy_ab_txt{ width: 55%;}
	.sy_pro_left{ padding: 46px 0;}
	.first_txt{ padding-bottom: 30px;}
	.pro_des{ margin: 30px 0 50px;}
	.proshow_txt h1{ font-size: 30px; margin-bottom: 30px;}
	.proshow_txt .tel{ font-size: 32px;}
	.proshow_txt .more_btn{margin-top: 30px;}
	.newshow_tit h1{ font-size: 36px;}
}

@media (max-width: 1281px){
	.index_head .nav li{ margin-right: 35px;}
	.procol_txt h2{ font-size: 30px; margin-bottom: 20px;}
	.procol_txt .sec_col a{ font-size: 15px;}
	.sy_news_txt .txt span{ line-height: 24px; height: 48px; margin-bottom: 10px;}
	.first_txt{ padding: 20px 30px 30px;}
	.first_txt .more_btn{ margin-top: 20px;}
	.foot_nav{ width: 40%;}
	.case_tit{ font-size: 30px; margin-bottom: 20px;}
	.hot_txt{ padding: 50px 40px 0;}
	.hot_txt h2{ margin: 20px 0 15px; font-size: 30px;}
	.hot_txt p{margin-bottom: 40px;}
	.ab_left p{ line-height: 24px; font-size: 14px;}
	.cult_list ul li{ padding: 60px 60px 0; height: 380px;}
}

@media (max-width: 1024px){
	.sy_pro_col{ display: none;}
	.sy_item_tit h3{ font-size: 30px;}
	.sy_item_tit span{ font-size: 20px;}
	.sy_pro_left .imgfd{ padding-top: 98%;}
	.sy_ab_txt h2{ font-size: 30px;}
	.sy_number dl dt b{ font-size: 60px; line-height: 60px; height: 60px;}
	.sy_ab_txt .more_btn{ margin-top: 70px;}
	.sy_case_list ul li .sy_case_txt{ width: 70%;}
	.sy_news_txt .txt i{ display: none;}
	.first_txt .more_btn{ min-width: 100px;}
	.more_btn a, .more_btn span{ padding: 0 20px;}
	.first_news .imgfd{ padding-top: 58%;}
	.foot_center{ display: none;}
	.index_foot{ padding-top: 0;}
	.posi{ padding: 25px 0;}
	.pro_list_tit h3{ font-size: 30px;}
	.main_left{ display:none;}
	.main_right{ width: 100%; float: none;}
	.propage_top{ border-top: 1px solid #ddd; padding-top: 15px;}
	.propage_top h3{ font-size: 22px;}
	.right_list{ display: none;}
	.top_h{ height: 54px;}
	.pro_des{ margin: 20px 0 30px;}
	.proshow_txt h1{ margin-bottom: 20px;}
	.newshow_tit h1{ font-size: 30px;}
	.newsshow_info{ padding: 20px 0;}
	.hot_txt{ padding: 30px 20px 0;}
	.hot_txt h2{ font-size: 24px; margin: 10px 0;}
	.hot_txt p{ margin-bottom: 20px;}
	.ab_left{ width: 100%; float: none;}
	.ab_right{ width: 100%; float: none; margin-top: 30px;}
	.work_list{ padding: 0 3%;}
	.contact_top h3{ font-size: 30px; padding-bottom:20px;}
	.ser_box{ padding-left: 30px;}
	.con_qr .cqr_box{ padding: 20px;}
	.cont_form{ padding: 30px;}
	.map{ display: none;}
	
}
@media (max-width: 768px){
	.bannerswiper .banner-towrap{bottom: 20px;}
	.bannerswiper .page .swiper-num{ bottom: 30px;}
	.sy_pro_left{ width: 100%; float: none;}
	.sy_pro_list{ width: 100%; float: none; margin-top: 20px;}
	.sy_pro_list ul li{ width: 49%;}
	.sy_pro_list ul li:nth-child(2n+1){ margin-left: 0;}
	.sy_number{ width: 160px;}
	.sy_number dl dt b{font-size: 46px; line-height: 44px; height: 44px;}
	.sy_ab_txt h2{ font-size: 24px; margin-top: 20px;}
	.sy_ab_txt{ width: 65%;}
	.sy_ab_txt .more_btn{ margin-top: 30px;}
	.sy_number dl dt{ padding: 30px 0;}
	.first_txt p{ height: 48px;}
	.sy_case_txt p{ font-size: 16px; height: 48px;}
	.first_news{ width: 100%;float: none;}
	.sy_news_list{ width: 100%; float: none; margin-top: 20px;}
	.sy_case_txt i{ display: none;}
	.sy_news_txt .txt p{ height: 24px;}
	.ny_pro_txt{ padding: 10px;}
	.ny_pro_txt p{ font-size: 16px; line-height: 24px; height: 24px;}
	.proshow_img{ width: 100%; float: none;}
	.proshow_txt{ width: 100%; margin-top: 20px;}
	.pro_content{ padding: 30px 0;}
	.page_btn .box{ line-height: 40px;}
	.about_nav{ margin-bottom: 25px;}
	.about_nav a{ font-size: 14px; line-height: 40px; width:120px;}
	.hot_txt .more_btn{ display: none;}
	.hot_control{ bottom: 30px;}
	.ab_left h3,.ab_honor h3,.ab_work h3{ font-size: 30px; margin-bottom: 20px;}
	.ab_culture h3{ font-size: 30px;}
	.ny_number dl dt b{ font-size: 60px;}
	.cult_list ul li{ padding: 40px 30px; height: 300px;}
	.work_list{ width: 100%;}
	.ser_tel{ width: 100%; float: none; border: none; padding-bottom:15px; border-bottom:1px solid #ddd; margin-bottom:15px;}
	.ser_box{ width: 100%; padding-left: 0; float:none;}
	.con_qr{ float: none; display:inline-flex; margin-top:20px;}
	.form_tit h3{ font-size: 30px; margin-bottom: 10px;}
	.cont_form .formbox input, .cont_form .formbox textarea{ line-height: 48px;}
	.cont_form .sub{ line-height: 48px;}
}
@media (max-width: 540px){
	.bannerswiper .banner-towrap p{ display: none;}
	.bannerswiper .page .swiper-num{ display: none;}
	.sy_item_tit h3{ font-size: 24px;}
	.sy_item_tit span{ font-size: 16px;}
	.sy_case_list ul li .sy_case_txt{ padding: 10px;}
	.sy_case_list .swiper-button-prev i, .sy_case_list .swiper-button-next i{ width: 30px; line-height: 30px; font-size: 14px;}
	.sy_case_list .swiper-button-prev{ left: 10px;}
	.sy_case_list .swiper-button-next{ right: 10px;}
	.sy_case_txt p{ font-size: 14px;}
	.item_top, .sy_item_tit{margin-bottom: 20px;}
	.sy_pro_tit{ bottom: 15px; padding: 0 15px;}
	.sy_ab_txt{ width: 100%; float: none; padding: 0;}
	.sy_number{ width: 100%; float: none; margin-top: 30px;}
	.sy_number dl{ display: flex; align-items: center;}
	.sy_number dl dt{ border-bottom: none; border-right: 1px solid #fff; padding: 0;}
	.sy_number dl dt:last-child{ border: none;}
	.sy_coop ul li{ width: 24%;}
	.sy_coop ul li:nth-child(4n){ margin-right: 0;}
	.sy_news_list ul li .sy_news_txt{ padding: 10px 10px 0;}
	.sy_news_txt .date b{ font-size: 30px; line-height: 30px;}
	.pro_list_tit h3{ font-size: 24px;}
	.pro_list_tit p{ font-size: 12px; line-height: 20px;}
	.propage_top h3{ font-size: 18px;}
	.propage_top span{ font-size: 14px;}
	.ny_pro_list ul li{ width: 49%; margin-right: 2%;}
	.ny_pro_list ul li:nth-child(3n){ margin-right:2%;}
	.ny_pro_list ul li:nth-child(2n){margin-right:0;}
	.proshow_txt .tel,.proshow_txt .tel i{ font-size: 24px;}
	.proshow_txt .more_btn{ margin-top: 20px;}
	.rel_pro .ny_pro_list ul li{ width: 49%; margin-right: 2%;}
	.rel_pro .ny_pro_list ul li:nth-child(2n){ margin-right:0;}
	.newshow_tit h1{ font-size: 22px;}
	.newsshow_info{ padding: 15px 0;}
	.newshow_tit{ margin-top: 20px;}
	.mainh{ height: 30px;}
	.hot_txt{ padding: 20px 10px 0;}
	.hot_txt h2{ font-size: 20px; height:52px; overflow:hidden;}
	.hot_txt p{ display: none;}
	.hot_news .swiper-button-prev i, .hot_news .swiper-button-next i{ font-size: 14px; line-height: 26px; height: 26px; width: 26px;}
	.hot_news .swiper-button-prev, .hot_news .swiper-button-next{ margin: 0 5px;}
	.hot_control { bottom: 20px; right: 10px;}
	.ny_number{ margin-top: 30px;}
	.ny_number dl dt b{ font-size: 36px;}
	.ab_culture{ padding-top: 30px;}
	.cult_list ul li{ width: 50%; border-bottom: 1px solid rgba(255,255,255,.4); height:250px;}
	.cult_list ul li:nth-child(2n){ border-right:none;}
	.work_list ul li p{ padding: 5px 0;}
	.ab_left h3, .ab_honor h3, .ab_work h3{ font-size: 24px;}
	.cult_list ul li p{ margin-bottom: 20px;}
	
}
@media (max-width: 450px){
	.sy_item_tit h3{ font-size: 20px;}
	.sy_item_tit span{ font-size: 14px;}
	.sy_pro_left .imgfd{ padding-top: 75%;}
	.sy_pro_tit{ position: unset;}
	.sy_pro_tit p{ height: 48px;}
	.sy_pro_tit i{ display:none; width: 24px; line-height: 24px; font-size: 12px; height: 24px;}
	.sy_ab_txt h2{ font-size: 18px; margin-top: 10px;}
	.more_btn i{ font-size: 14px;}
	.sy_number dl dt p{ font-size: 12px;line-height: 20px; height: 20px;}
	.sy_number dl dt b{ font-size: 36px;line-height: 30px; height: 30px;}
	.sy_case_list ul li .sy_case_txt{ position: unset; width: 100%;}
	.first_txt{ padding: 10px 15px 15px;}
	.sy_news_txt .date{ display: none;}
	.sy_news_txt .txt{ width: 100%; border: none; margin-left: 0; padding: 0;}
	.sy_news_txt .txt span{ font-size: 12px; line-height: 20px; height: 20px; margin-bottom: 0;}
	.sy_news_list ul li{ margin-bottom: 15px;}
	.copy{ font-size: 12px;}
	.sy_news_txt .txt p{ font-size: 16px;}
	.bannerswiper .banner-towrap{ bottom: 5px;}
	.posi{ padding: 15px 0; font-size: 12px;}
	.ny_pro_txt p{ font-size: 14px;}
	.proshow_txt h1{ font-size: 24px; margin-bottom: 15px;}
	.proshow_txt .col{ padding-bottom: 10px;}
	.pro_des{ margin: 10px 0 20px;}
	.tab span{ font-size: 16px; line-height:40px;}
	.tab span.on, .tab span:hover{ font-size:18px;}
	.pro_content{ padding: 20px 0;}
	.page_btn .box,.page_btn .box a{ line-height: 30px; font-size: 14px;}
	.case_tit{ font-size: 24px; margin-bottom: 15px;}
	.coop_list .swiper-button-next{ right: 0px;}
	.coop_list .swiper-button-prev{ left: 0px;}
	.coop_list .swiper-button-next i,.coop_list .swiper-button-prev i{ box-shadow:0 0 5px rgba(0,0,0,.15); width:26px; height:26px; line-height:26px; font-size:12px;}
	.about_nav a,.ny_news_nav a{ font-size: 14px; line-height: 40px; width:100px; margin:0 auto;}
	.about_nav,.ny_news_nav{ display: flex;}
	.hot_txt h2{ font-size: 18px;}
	.hot_txt .date{ font-size: 12px;}
	.news_main{ padding-top: 20px;}
	.ny_news_nav{ margin-bottom: 20px;}
	.ab_work{ display: none;}
	.ab_culture h3{ font-size: 24px; padding-bottom: 20px;}
	.cult_list ul li{ padding: 30px 20px;}
	.cult_list ul li .cult_icon img{ width:40px;}
	.cult_list ul li:nth-child(3){ border-bottom:none;}
	.ny_number dl dt b{ line-height: 40px;}
	.contact_top h3{ font-size: 24px; margin-bottom: 20px;}
	.ser_tel b{ font-size: 22px;}
	.ser_qq{ margin-top: 20px;}
	.qq_box span{ font-size: 14px; margin-bottom: 5px;}
	.con_qr .cqr_box{ padding: 10px;}
	.form_tit h3{ font-size: 24px;}
	.cont_form{ padding: 30px 20px;}
	.form_tit{ margin-bottom: 20px;}
	.cont_form .formbox.fl{ width: 100%; float: none;}
}